<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>vs code配置代码片段</title>
    <!--引入Vue-->
    <script type="text/javascript" src="./js/vue.js"></script>
</head>

<body>
    <!--
       vs code配置代码片段
        1.ctrl+shitf+p 进入用户代码片段
        2.vue.json 文件
            // 属性名: 代码片段提示消息
            // 属性值: 配置对象
            "vue模板代码段配置": {
                "prefix": "vue",
                "body": [
                  "<template>",
                  "    <div></div>",
                  "</template>",
                  "<script>",
                  "export default {",
                  "    name:'LoginIndex',",
                  "    components:{},",
                  "    props:{},",
                  "    data(){",
                  "        return {",
                  "",
                  "",
                  "        }",
                  "    },",
                  "   computed:{},",
                  "   watch:{},",
                  "   created(){},",
                  "   mounted() {},",
                  "   methods:{}",
                  "    ",
                  "}",
                  "</script>",
                  "<style lang=\"less\" scoped>",
                  "",
                  "</style>"
                ],
                "description": ""
              }
        
        3.对于比较长的代码片段，换行不好处理，所以推荐一个工具："https://snippet-generator.app"
          用于把配置的代码自动转换成json 格式的。
    -->
     
    <div id="root">
        <h1>helLO{{message}} </h1>
    </div>
</body>
<script>
</script>

</html>